import * as React from 'react';
import { Container } from '@/components/ui/container';
import { Typography } from '@/components/ui/typography';
import { Card, CardContent } from '@/components/ui/card';
import { CheckCircle } from 'lucide-react';

interface Platform {
  name: string;
  icon: string;
  supported: boolean;
  status?: 'active' | 'beta';
  description?: string;
}

interface PlatformsSectionProps {
  title?: string;
  subtitle?: string;
  platforms?: Platform[];
}

const defaultPlatforms: Platform[] = [
  {
    name: '微信公众号',
    icon: '<svg t="1753018353527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8888" width="200" height="200"><path d="M199.104 0h625.792C934.688 0 1024 89.312 1024 199.104v625.792C1024 934.688 934.688 1024 824.896 1024H199.104C89.312 1024 0 934.688 0 824.896V199.104C0 89.312 89.312 0 199.104 0z" fill="#01C802" p-id="8889"></path><path d="M872.672 596.336c0-100.368-98.256-181.776-219.456-181.776-121.2 0-219.456 81.36-219.456 181.776 0 100.464 98.256 181.824 219.456 181.824 28.032 0 54.768-4.512 79.344-12.432l69.168 37.872-18.24-61.008c0.24-0.144 0.528-0.24 0.768-0.384 53.664-33.216 88.416-86.16 88.416-145.872z m-298.704-34.32a29.376 29.376 0 1 1 0-58.752 29.36 29.36 0 0 1 0 58.752z m148.512 0a29.36 29.36 0 1 1 0.08-58.72 29.36 29.36 0 0 1-0.08 58.72z m-76.992-155.088c3.456 0 6.912 0.048 10.272 0.192C642.032 302.144 534.704 220.4 404.336 220.4c-139.68 0-252.96 93.84-252.96 209.52 0 68.832 40.032 129.888 101.904 168.096 0.288 0.144 0.576 0.288 0.864 0.48l-20.976 70.32 79.68-43.68a299.072 299.072 0 0 0 121.44 12.768 153.024 153.024 0 0 1-8.208-49.152c-0.048-100.464 98.256-181.824 219.408-181.824zM495.68 322.592a33.872 33.872 0 1 1-33.888 33.888 33.952 33.952 0 0 1 33.888-33.888zM324.464 390.32a33.856 33.856 0 1 1 0.048-67.728 33.856 33.856 0 0 1-0.048 67.728z" fill="#FFFFFF" p-id="8890"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文、视频发布',
  },
  {
    name: '微信视频号',
    icon: '<svg t="1736746152718" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26066" width="200" height="200"><path d="M730.453333 878.933333c-72.248889 0-170.666667-164.408889-218.453333-259.982222-50.062222 95.573333-146.204444 259.982222-218.453333 259.982222-19.911111 0-38.115556-13.084444-56.888889-39.822222-73.955556-108.657778-170.666667-512-121.173334-634.88a78.506667 78.506667 0 0 1 68.835556-56.888889h3.413333C293.546667 145.066667 448.284444 398.222222 512 512c64.284444-113.777778 221.297778-369.208889 327.111111-364.088889a78.506667 78.506667 0 0 1 68.835556 56.888889c48.924444 123.448889-47.217778 526.222222-120.604445 634.88-18.773333 26.168889-36.977778 39.253333-56.888889 39.253333z m-541.013333-682.666666c-3.413333 0-13.653333 0-23.893333 26.737777-34.133333 85.902222 22.186667 383.431111 87.608889 534.186667 27.875556 63.715556 43.804444 70.542222 43.804444 70.542222 33.564444 0 123.448889-134.826667 187.733333-265.102222C398.222222 405.617778 254.293333 196.266667 189.44 196.266667z m351.573333 366.364444c64.284444 130.275556 154.168889 265.102222 189.44 265.102222a187.733333 187.733333 0 0 0 41.528889-69.973333c65.991111-151.324444 122.311111-448.853333 88.177778-534.755556-9.671111-25.6-20.48-26.737778-23.893333-26.737777-66.56 0-210.488889 209.351111-295.253334 366.364444z" fill="#FA9D3B" p-id="26067"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持图文、视频发布',
  },
  {
    name: '抖音',
    icon: '<svg t="1736745046002" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13380" width="200" height="200"><path d="M0 0m184.32 0l655.36 0q184.32 0 184.32 184.32l0 655.36q0 184.32-184.32 184.32l-655.36 0q-184.32 0-184.32-184.32l0-655.36q0-184.32 184.32-184.32Z" fill="#111111" p-id="13381"></path><path d="M204.27776 670.59712a246.25152 246.25152 0 0 1 245.97504-245.97504v147.57888a98.49856 98.49856 0 0 0-98.38592 98.38592c0 48.34304 26.14272 100.352 83.54816 100.352 3.81952 0 93.55264-0.88064 93.55264-77.19936V134.35904h157.26592a133.31456 133.31456 0 0 0 133.12 132.99712l-0.13312 147.31264a273.152 273.152 0 0 1-142.62272-38.912l-0.06144 317.98272c0 146.00192-124.24192 224.77824-241.14176 224.77824-131.74784 0.03072-231.1168-106.56768-231.1168-247.92064z" fill="#FF4040" p-id="13382"></path><path d="M164.92544 631.23456a246.25152 246.25152 0 0 1 245.97504-245.97504v147.57888a98.49856 98.49856 0 0 0-98.38592 98.38592c0 48.34304 26.14272 100.352 83.54816 100.352 3.81952 0 93.55264-0.88064 93.55264-77.19936V94.99648h157.26592a133.31456 133.31456 0 0 0 133.12 132.99712l-0.13312 147.31264a273.152 273.152 0 0 1-142.62272-38.912l-0.06144 317.98272c0 146.00192-124.24192 224.77824-241.14176 224.77824-131.74784 0.03072-231.1168-106.56768-231.1168-247.92064z" fill="#00F5FF" p-id="13383"></path><path d="M410.91072 427.58144c-158.8224 20.15232-284.44672 222.72-154.112 405.00224 120.40192 98.47808 373.68832 41.20576 380.70272-171.85792l-0.17408-324.1472a280.7296 280.7296 0 0 0 142.88896 38.62528V261.2224a144.98816 144.98816 0 0 1-72.8064-54.82496 135.23968 135.23968 0 0 1-54.70208-72.45824h-123.66848l-0.08192 561.41824c-0.11264 78.46912-130.9696 106.41408-164.18816 30.2592-83.18976-39.77216-64.37888-190.9248 46.31552-192.57344z" fill="#FFFFFF" p-id="13384"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持图文、视频发布',
  },
  {
    name: '今日头条',
    icon: '<svg t="1736501525635" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1453" width="200" height="200"><path d="M57.85024976 48.2477218m147.47298164 0l623.40851322 0q147.47298163 0 147.47298164 147.47298162l0 623.40851323q0 147.47298163-147.47298164 147.47298164l-623.40851322 0q-147.47298163 0-147.47298164-147.47298164l0-623.40851323q0-147.47298163 147.47298164-147.47298162Z" fill="#FFFFFF" p-id="1454"></path><path d="M976.20472626 219.65154635L57.85024976 267.78136489v532.91372907l918.3544765-48.12981854v-532.91372907z" fill="#FE2F48" p-id="1455"></path><path d="M185.21327935 353.48327718v56.97819743l127.3630296 8.37914672v-56.97819747l-127.3630296-8.37914668zM185.21327935 445.6538907v56.97819742l127.3630296 8.37914669v-56.97819743l-127.3630296-8.37914668zM155.04835129 554.58279758v53.62653876l351.9241607-16.75829337v-53.62653876l-351.9241607 16.75829337zM525.40663469 537.82450421v53.62653876l351.92416068-16.75829336v-53.62653877l-351.92416068 16.75829337z" fill="#FFFFFF" p-id="1456"></path><path d="M349.44455435 333.37332513s11.73080535 196.07203239-36.8682454 242.99525381c0 0-33.51658673 51.95070943-139.09383494 135.74217626h85.46729613s98.87393088-77.08814949 124.01137095-144.12132294 25.13744005-234.61610714 25.13744005-234.61610713zM384.63697042 621.61597102l51.95070944 80.43980817h70.38483213l-51.95070945-80.43980817h-70.38483212zM756.67108315 599.83018967l51.95070945 80.43980815h70.38483214l-51.95070944-80.43980815h-70.38483215zM652.76966429 611.56099501l-51.95070944 80.43980816h-70.38483215l51.95070944-80.43980816h70.38483215zM781.8085232 438.95057335s70.38483214-46.92322144 75.41232015-60.32985612v-55.30236813l-214.5061551 10.05497603-53.62653876-25.13744005-51.95070944 83.79146683 87.14312551 53.62653879s-75.41232014 23.46161072-93.84644286 23.4616107v53.62653877s135.74217627-21.78578138 169.25876301-50.2748801c0 0 113.95639489 30.16492806 177.63790966 31.84075741v-50.2748801s-87.14312551-10.05497602-95.52227217-15.08246403z m-78.76397882-20.10995202c-13.40663469 0-82.11563749-33.51658673-82.1156375-33.51658676v-6.70331734l160.87961632-5.02748801v3.35165867c-18.4341227 21.78578138-78.76397882 41.89573343-78.76397882 41.89573344z" fill="#FFFFFF" p-id="1457"></path><path d="M672.87961633 504.30791748h60.32985611v187.69288569h-60.32985611z" fill="#FFFFFF" p-id="1458"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文、视频发布',
  },
  {
    name: '快手',
    icon: '<svg t="1736745224364" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14425" width="200" height="200"><path d="M299.27936 624.43008v87.48544c0 14.64832 10.70592 21.24288 23.78752 14.65856l83.49696-42.01984v-32.76288L323.072 609.7664c-13.08672-6.58432-23.79264 0.01536-23.79264 14.66368zM654.42304 436.03456c36.72064 0 66.59584-29.87008 66.59584-66.59072s-29.8752-66.59584-66.59584-66.59584c-36.71552 0-66.5856 29.8752-66.5856 66.59584s29.87008 66.59072 66.5856 66.59072zM443.56096 435.65056c47.73376 0 86.56384-38.8352 86.56384-86.56896s-38.83008-86.56896-86.56384-86.56896-86.56896 38.8352-86.56896 86.56896 38.8352 86.56896 86.56896 86.56896z" fill="#FF4A08" p-id="14426"></path><path d="M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88zM443.56096 204.8c54.05184 0 101.22752 29.89056 125.93664 73.99936 22.24128-20.85376 52.11136-33.664 84.93056-33.664 68.54656 0 124.30848 55.76704 124.30848 124.30848s-55.76704 124.30336-124.30848 124.30336c-41.40544 0-78.12608-20.37248-100.73088-51.60448-26.48576 31.29856-66.01728 51.22048-110.13632 51.22048-79.55968 0-144.2816-64.72704-144.2816-144.2816S364.00128 204.8 443.56096 204.8z m336.65536 505.63584c0 59.97568-48.78848 108.76416-108.76416 108.76416H515.328c-47.05792 0-87.22432-30.04416-102.34368-71.96672l-87.81824 42.40384c-9.43616 4.5568-18.97984 6.8608-28.37504 6.8608h-0.00512c-30.70976 0-53.00224-24.3712-53.00224-57.9328v-140.5696c0-33.57696 22.29248-57.94304 53.00736-57.94304 9.3952 0 18.93888 2.30912 28.36992 6.86592l87.59808 42.29632c14.93504-42.26048 55.26528-72.63232 102.56896-72.63232h156.11904c59.97568 0 108.76416 48.7936 108.76416 108.76928v85.08416z" fill="#FF4A08" p-id="14427"></path><path d="M671.45216 574.28992H515.328c-28.14976 0-51.05664 22.90688-51.05664 51.05664v85.08928c0 28.14976 22.90688 51.05664 51.05664 51.05664h156.11904c28.14976 0 51.05664-22.90688 51.05664-51.05664v-85.08928c0-28.14976-22.90176-51.05664-51.05152-51.05664z" fill="#FF4A08" p-id="14428"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持图文、视频发布',
  },
  {
    name: '小红书',
    icon: '<svg t="1736745759647" class="icon" viewBox="0 0 1699 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22234" width="200" height="200"><path d="M1498.112 775.68c-8.704 0-18.432-1.024-30.208-2.56-34.304-5.632-52.224-23.04-59.392-58.368h32.768c11.264 0 20.48 0 29.184 0.512h2.56c10.752 0 18.432-2.56 23.552-8.192 5.632-5.632 7.68-13.824 7.68-24.576-0.512-12.8-0.512-25.6-0.512-38.4 0-12.288 0-24.576-0.512-36.864-1.024-27.136-17.92-44.544-43.52-45.056-16.384-0.512-33.792-0.512-55.808-0.512H1315.84v212.992h-75.264V563.2h-96.768V484.864h93.696V380.928h-62.464V304.64c6.144-0.512 12.288-0.512 18.944-1.024 10.752-0.512 22.528-1.024 34.816-1.536l9.728-0.512v-32.768h75.264c0 7.68 1.536 16.384 7.68 23.04 9.216 10.752 25.088 12.288 37.888 12.8 68.096 1.024 102.912 37.376 104.448 107.008 0.512 14.336 0 28.16 0 43.008v30.72l10.752-0.512h8.192c48.64 0 79.36 20.48 96.768 64.512v164.352c-20.992 46.08-43.008 61.952-81.408 61.952z m-182.272-389.12v23.552c0 18.432-0.512 34.304 1.024 50.176 1.024 10.752 15.36 23.552 26.624 23.552 4.608 0 41.984-0.512 43.52-16.896 2.048-20.48 4.096-47.616-3.584-71.68-3.584-10.752-16.384-12.8-34.816-15.36-6.656-1.024-13.824-2.048-19.968-3.584L1315.84 373.76v12.8zM311.808 775.168c-5.632 0-11.776-0.512-17.92-1.536-31.232-5.12-48.128-24.064-51.712-58.368h63.488V268.8h75.776V378.88c0 104.448 0 212.48-0.512 318.976-0.512 48.64-26.112 77.312-69.12 77.312z m-157.184-55.296c-16.896-29.184-32.256-56.832-48.128-84.48v-8.704c2.048-9.728 3.584-19.968 5.632-29.696 4.608-23.04 9.216-47.104 12.288-71.168 3.584-30.208 5.632-59.392 7.68-90.624 0.512-10.24 1.536-20.48 2.048-31.232h80.384c-3.584 29.184-5.632 59.392-7.168 88.064-4.096 80.896-8.192 157.184-52.736 227.84z m585.216-75.776c-20.48 0-41.984-0.512-63.488-2.56-5.632-0.512-13.312-2.56-16.896-8.704-3.072-5.12-3.072-12.8 0.512-22.016 8.192-19.968 17.408-39.424 26.112-58.88 4.096-8.704 8.192-16.896 11.776-25.6l22.016-48.128h-46.08c-5.632 0-10.752 0-15.872-0.512-17.408-0.512-28.16-4.096-32.256-10.752-4.608-7.68-0.512-20.992 4.096-31.232 18.432-40.448 38.4-80.896 57.856-119.808 7.68-15.872 15.872-31.744 23.552-47.104h73.216c-4.096 7.68-8.192 15.872-12.288 23.552-17.92 34.816-35.328 67.584-47.616 100.352l-5.632 14.848 15.872-1.024c33.792-2.048 64.512-3.584 99.328-5.632-11.264 22.528-53.76 108.544-53.76 108.544-1.536 2.56-2.56 5.632-4.096 8.192s-2.56 5.12-4.096 8.192c-12.288 25.088-17.92 36.352-11.776 46.592s18.432 10.752 46.08 11.264h2.56l-4.608 9.216c-8.704 16.896-16.384 32.768-25.088 48.128-0.512 1.024-2.048 2.048-3.072 2.56h-20.48c-4.608 0.512-10.24 0.512-15.872 0.512z m786.944-263.68c-6.144 0-12.8-0.512-20.48-1.536-5.632-28.16-6.144-61.44 18.432-72.704 5.12-2.56 10.24-3.584 14.848-3.584 12.8 0 26.112 8.704 40.96 26.112v23.552c-11.776 19.456-28.672 28.16-53.76 28.16zM803.328 776.192c2.048-4.096 3.584-7.68 5.632-11.264 10.752-22.016 21.504-43.008 32.768-62.464 1.024-0.512 5.12-2.048 16.384-2.048 9.216-0.512 18.944-0.512 31.744-0.512h52.736V380.928h-61.44V306.688h202.752v72.704h-60.928v320h55.296c12.288 0 22.016 0 31.232-0.512h1.024c7.168 0 9.216 0 9.728 11.776v1.024c2.048 31.232 3.072 51.712-2.56 57.856s-26.112 6.144-58.88 6.144h-255.488v0.512z m-204.8-0.512c13.824-27.648 26.112-51.2 36.864-72.704l2.56-5.12h131.072c-1.536 2.56-2.56 5.12-4.096 7.68-12.288 24.064-22.528 44.544-33.792 65.024-1.024 1.536-5.632 4.608-7.68 4.608-26.112 0.512-51.712 0.512-73.216 0.512h-51.712z m-69.632-58.368c-36.864-45.056-57.856-157.696-58.368-313.856h75.264c1.024 14.848 1.536 29.696 2.048 44.544 1.536 39.936 3.584 81.408 12.288 121.344 13.824 57.856-6.656 104.96-31.232 147.968z" fill="#FF0000" p-id="22235"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持图文、视频发布',
  },
  {
    name: '腾讯内容开放平台',
    icon: '<svg t="1736502627576" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8140" width="200" height="200"><path d="M-150.80359506-150.80359506m260.38341888 0l805.27166273 0q260.38341889 0 260.38341889 260.38341888l0 804.84035236q0 260.38341889-260.38341889 260.38341888l-805.27166273 0q-260.38341889 0-260.38341888-260.38341888l0-804.84035236q0-260.38341889 260.38341888-260.38341888Z" fill="#FFFFFF" p-id="8141"></path><path d="M95.68205837 588.81310866c-35.3035189 87.69969136-41.05431746 171.24602756-12.77955496 186.74123642 19.64856531 10.70287606 50.15975014-13.89776547 78.91374815-58.78594994 11.34185499 49.04153964 39.45687408 93.2907465 79.71246919 128.75401013-42.01278453 16.45367593-69.64857074 43.29073978-69.64857073 73.48243645 0 49.84026198 74.44090352 90.09585711 166.13420531 90.0958584 82.90735858 0 151.59746224-32.74760844 164.21727247-75.87860349h19.64856533c12.93929838 43.13099505 81.46965861 75.87860349 164.37701718 75.87860349 91.85304652 0 166.29395005-40.25559642 166.29394876-90.0958584 0-30.3514414-27.47604146-56.86901708-69.64857073-73.48243645 39.93610697-35.62300706 68.3706155-79.71246919 79.55272575-128.75401013 28.75399669 44.88818448 59.10543809 69.48882602 78.91374814 58.78594994 28.43450853-15.49521015 22.68370868-99.04154506-12.77955496-186.74123642-27.79553092-68.53036022-65.33547084-119.329088-94.08946754-130.51119826a120.60704323 120.60704323 0 0 0 0.79872105-13.25878784 138.01918624 138.01918624 0 0 0-19.32907585-71.24601542 22.68370868 22.68370868 0 0 0 0.31948945-4.63258807 77.31630346 77.31630346 0 0 0-7.66773271-33.54632947C801.43294315 156.86417405 691.0495431 14.85137737 512.13578282 14.85137737s-289.45690374 142.01279668-296.80514829 320.60706749a82.10863623 82.10863623 0 0 0-7.34824327 33.70607421 44.88818448 44.88818448 0 0 0 0.15974473 4.63258807 139.13739675 139.13739675 0 0 0-19.0095877 71.08627069c0 4.47284462 0.31948946 9.10543268 0.63897762 13.41853257-28.59425327 11.34185499-66.45368265 61.8210933-94.08946754 130.51119826z" fill="#F4CA1D" p-id="8142"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、视频发布',
  },
  {
    name: '微视',
    icon: '<svg t="1736746113406" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25069" width="200" height="200"><path d="M303.05174 265.211665V129.956726L189.471308 196.244591zM846.690499 576.240828v-128.481656l-108.19191 61.92286zM173.245532 802.07714l129.806208-77.095014V294.953904L173.245532 219.213547zM831.819379 416.662277L332.824083 129.956726v151.480715l369.158984 212.289746z" fill="#4FB9EB" p-id="25070"></path><path d="M853.343368 0H170.656632A170.656632 170.656632 0 0 0 0 170.656632v682.656632a170.656632 170.656632 0 0 0 170.656632 170.656633h682.686736a170.656632 170.656632 0 0 0 170.656632-170.656633V170.656632A170.656632 170.656632 0 0 0 853.343368 0z m25.798683 610.047037L315.24365 938.656632l-170.385701-105.482596V185.407338l174.449671-100.06397 559.864534 324.545625v200.158044z" fill="#4FB9EB" p-id="25071"></path><path d="M332.824083 311.841957v394.20508l339.416745-194.047037zM303.05174 888.624647v-127.126999l-113.580432 63.548448zM701.983067 527.533396l-369.158984 215.029163v146.062088l498.995296-285.350893z" fill="#4FB9EB" p-id="25072"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持视频发布',
  },
  {
    name: '哔哩哔哩',
    icon: '<svg t="1736744503700" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7136" width="200" height="200"><path d="M0 0m184.32 0l655.36 0q184.32 0 184.32 184.32l0 655.36q0 184.32-184.32 184.32l-655.36 0q-184.32 0-184.32-184.32l0-655.36q0-184.32 184.32-184.32Z" fill="#EC5D85" p-id="7137"></path><path d="M512 241.96096h52.224l65.06496-96.31744c49.63328-50.31936 89.64096 0.43008 63.85664 45.71136l-34.31424 51.5072c257.64864 5.02784 257.64864 43.008 257.64864 325.03808 0 325.94944 0 336.46592-404.48 336.46592S107.52 893.8496 107.52 567.90016c0-277.69856 0-318.80192 253.14304-324.95616l-39.43424-58.368c-31.26272-54.90688 37.33504-90.40896 64.68608-42.37312l60.416 99.80928c18.18624-0.0512 41.18528-0.0512 65.66912-0.0512z" fill="#EF85A7" p-id="7138"></path><path d="M512 338.5856c332.8 0 332.8 0 332.8 240.64s0 248.39168-332.8 248.39168-332.8-7.75168-332.8-248.39168 0-240.64 332.8-240.64z" fill="#EC5D85" p-id="7139"></path><path d="M281.6 558.08a30.72 30.72 0 0 1-27.47392-16.97792 30.72 30.72 0 0 1 13.73184-41.216l122.88-61.44a30.72 30.72 0 0 1 41.216 13.74208 30.72 30.72 0 0 1-13.74208 41.216l-122.88 61.44a30.59712 30.59712 0 0 1-13.73184 3.23584zM752.64 558.08a30.60736 30.60736 0 0 1-12.8512-2.83648l-133.12-61.44a30.72 30.72 0 0 1-15.04256-40.7552 30.72 30.72 0 0 1 40.76544-15.02208l133.12 61.44A30.72 30.72 0 0 1 752.64 558.08zM454.656 666.88a15.36 15.36 0 0 1-12.288-6.1952 15.36 15.36 0 0 1 3.072-21.49376l68.5056-50.91328 50.35008 52.62336a15.36 15.36 0 0 1-22.20032 21.23776l-31.5904-33.024-46.71488 34.72384a15.28832 15.28832 0 0 1-9.13408 3.04128z" fill="#EF85A7" p-id="7140"></path><path d="M65.536 369.31584c15.03232 101.90848 32.84992 147.17952 44.544 355.328 14.63296 2.18112 177.70496 10.04544 204.05248-74.62912a16.14848 16.14848 0 0 0 1.64864-10.87488c-30.60736-80.3328-169.216-60.416-169.216-60.416s-10.36288-146.50368-11.49952-238.83776zM362.25024 383.03744l34.816 303.17568h34.64192L405.23776 381.1328zM309.52448 536.28928h45.48608l16.09728 158.6176-31.82592 1.85344zM446.86336 542.98624h45.80352V705.3312h-33.87392zM296.6016 457.97376h21.39136l5.2736 58.99264-18.91328 2.26304zM326.99392 457.97376h21.39136l2.53952 55.808-17.408 1.61792zM470.62016 459.88864h19.456v62.27968h-19.456zM440.23808 459.88864h22.20032v62.27968h-16.62976z" fill="#FFFFFF" p-id="7141"></path><path d="M243.56864 645.51936a275.456 275.456 0 0 1-28.4672 23.74656 242.688 242.688 0 0 1-29.53216 17.52064 2.70336 2.70336 0 0 1-4.4032-1.95584 258.60096 258.60096 0 0 1-5.12-29.57312c-1.41312-12.1856-1.95584-25.68192-2.16064-36.36224 0-0.3072 0-2.5088 3.01056-1.90464a245.92384 245.92384 0 0 1 34.22208 9.5744 257.024 257.024 0 0 1 32.3584 15.17568c0.52224 0.256 2.51904 1.4848 0.09216 3.77856z" fill="#EB5480" p-id="7142"></path><path d="M513.29024 369.31584c15.03232 101.90848 32.84992 147.17952 44.544 355.328 14.63296 2.18112 177.70496 10.04544 204.05248-74.62912a16.14848 16.14848 0 0 0 1.64864-10.87488c-30.60736-80.3328-169.216-60.416-169.216-60.416s-10.36288-146.50368-11.49952-238.83776zM810.00448 383.03744l34.816 303.17568h34.64192L852.992 381.1328zM757.27872 536.28928h45.48608l16.09728 158.6176-31.82592 1.85344zM894.6176 542.98624h45.80352V705.3312H906.5472zM744.35584 457.97376h21.39136l5.2736 58.99264-18.91328 2.26304zM774.74816 457.97376h21.39136l2.53952 55.808-17.408 1.61792zM918.3744 459.88864h19.456v62.27968h-19.456zM887.99232 459.88864h22.20032v62.27968h-16.62976z" fill="#FFFFFF" p-id="7143"></path><path d="M691.32288 645.51936a275.456 275.456 0 0 1-28.4672 23.74656 242.688 242.688 0 0 1-29.53216 17.52064 2.70336 2.70336 0 0 1-4.4032-1.95584 258.60096 258.60096 0 0 1-5.12-29.57312c-1.41312-12.1856-1.95584-25.68192-2.16064-36.36224 0-0.3072 0-2.5088 3.01056-1.90464a245.92384 245.92384 0 0 1 34.22208 9.5744 257.024 257.024 0 0 1 32.3584 15.17568c0.52224 0.256 2.51904 1.4848 0.09216 3.77856z" fill="#EB5480" p-id="7144"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、视频发布',
  },
  {
    name: 'AcFun',
    icon: '<svg t="1736746262826" class="icon" viewBox="0 0 3208 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="27160" width="200" height="200"><path d="M509.508267 16.247467l517.290666 811.4176-237.9776 141.994666a3213.687467 3213.687467 0 0 0-45.4656-87.2448 5150.3104 5150.3104 0 0 0-56.046933-100.693333L326.212267 802.133333 246.784 970.615467 18.875733 842.513067a68189.184 68189.184 0 0 1 283.4432-481.826134c95.163733-160.256 164.215467-275.080533 207.189334-344.439466z m-4.573867 390.826666l-101.9904 215.381334 202.581333-10.6496-100.590933-204.6976zM1425.066667 319.351467l8.2944 148.548266c-80.384 10.683733-226.030933 66.833067-226.030934 174.523734 0 107.690667 148.3776 113.732267 239.342934 102.6048l7.338666 141.585066c-155.716267 24.132267-403.797333-8.840533-420.317866-220.023466-16.554667-211.217067 180.974933-321.706667 391.406933-347.2384zM1521.083733 223.744c50.722133-0.9216 111.2064-2.628267 181.486934-5.12 70.2464-2.491733 140.526933-5.4272 210.8416-8.8064l3.208533 154.112-197.051733 4.642133v143.906134l180.053333-8.362667 2.7648 147.114667-182.818133-1.365334 0.9216 237.226667h-199.406934c2.1504-84.650667 3.242667-190.327467 3.242667-317.098667 0-126.702933-1.092267-242.107733-3.242667-346.248533zM2158.728533 330.9568c-4.573867 52.906667-6.144 117.589333-4.573866 194.048 2.286933 114.653867-2.4576 233.813333 94.173866 237.192533 105.198933 3.720533 97.826133-114.653867 97.826134-231.150933 0-77.687467-1.365333-148.411733-4.096-212.138667h176.366933c0 250.197333 49.152 581.632-287.573333 572.347734-297.130667-8.192-248.5248-286.1056-251.2896-560.298667h179.2zM2605.738667 312.388267l-31.266134 566.784 157.115734 5.12-1.8432-282.248534a14509.602133 14509.602133 0 0 0 216.405333 170.359467 6960.981333 6960.981333 0 0 0 172.270933 128.136533l33.0752-573.781333-156.672-3.6864 1.365334 284.535467-390.485334-295.2192z" fill="#FD4C5D" p-id="27161"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、视频发布',
  },
  {
    name: '百家号',
    icon: '<svg t="1736502126157" class="icon" viewBox="0 0 1105 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6768" width="200" height="200"><path d="M968.704 136.3968v-19.2512l-120.832-66.56-57.7536 40.3456H40.96l19.2512 45.4656H401.408l-40.1408 197.632-133.12-8.8064-94.6176-15.7696v663.552h176.7424v-61.44h388.5056v61.44h175.104V651.8784c-9.0112 3.4816-18.0224 6.9632-27.4432 10.0352-50.9952 17.408-100.7616 27.4432-145.8176 30.5152v177.3568H310.4768V372.736h390.3488v46.4896c18.0224-8.192 36.4544-15.36 55.296-21.9136 38.2976-13.312 77.824-22.7328 118.1696-27.8528v-37.0688l-169.7792-24.576v22.7328H469.8112l116.9408-194.3552 381.952 0.2048z m0 0" fill="#000000" p-id="6769"></path><path d="M335.0528 857.7024l131.2768-138.24s154.0096 29.696 264.3968-52.4288c0 0-61.2352-38.5024-68.1984-36.6592 0 0 160.9728 45.4656 285.2864-82.3296 0 0-24.576-12.288-91.9552-17.408 0 0 158.3104 12.288 209.1008-135.5776 0 0-239.0016-34.6112-473.9072 134.7584-235.1104 168.96-256 327.8848-256 327.8848z m0 0" fill="#0058ff" p-id="6770"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文、视频发布',
  },
  {
    name: '新浪微博',
    icon: '<svg t="1736503476308" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3572" width="200" height="200"><path d="M397.653333 481.493333a399.018667 399.018667 0 0 1 114.730667 9.344c41.130667 8.96 80 26.794667 114.048 52.352a191.146667 191.146667 0 0 1 47.530667 53.504c11.349333 19.84 17.834667 42.282667 18.858666 65.365334a153.813333 153.813333 0 0 1-28.501333 92.330666 244.608 244.608 0 0 1-72.746667 67.584 392.234667 392.234667 0 0 1-217.557333 54.869334 360.064 360.064 0 0 1-140.842667-32.810667 217.856 217.856 0 0 1-91.306666-76.458667 139.904 139.904 0 0 1-21.077334-100.949333c7.04-34.56 24.064-66.133333 48.853334-90.453333a285.44 285.44 0 0 1 74.752-54.101334 394.496 394.496 0 0 1 153.344-40.533333H397.653333z m-12.416 79.36a172.8 172.8 0 0 0-51.328 11.605334 161.792 161.792 0 0 0-85.674666 77.226666 131.285333 131.285333 0 0 0-13.781334 66.602667c1.792 27.136 12.373333 52.864 29.994667 72.96a137.813333 137.813333 0 0 0 51.456 36.693333c45.226667 17.834667 95.573333 15.274667 138.88-7.125333a156.757333 156.757333 0 0 0 76.757333-84.522667 124.458667 124.458667 0 0 0-30.208-133.888 150.912 150.912 0 0 0-116.053333-39.509333l-0.042667-0.042667z" fill="#FFFFFF" p-id="3573"></path><path d="M417.664 660.48a18.346667 18.346667 0 0 1 22.101333 13.056 19.285333 19.285333 0 0 1-11.477333 23.552 18.261333 18.261333 0 0 1-23.253333-10.752 20.906667 20.906667 0 0 1 1.024-15.701333 19.669333 19.669333 0 0 1 11.605333-10.154667z m-82.346667 19.626667a44.416 44.416 0 0 1 50.901334 38.570666 51.626667 51.626667 0 0 1-44.458667 57.088 45.098667 45.098667 0 0 1-34.048-9.429333 44.117333 44.117333 0 0 1-15.914667-27.434667c-2.432-15.36 2.304-31.061333 12.714667-42.24 8.149333-8.96 18.986667-14.805333 30.762667-16.512v-0.085333z" fill="#FFFFFF" p-id="3574"></path><path d="M696.021333 85.76a12.8 12.8 0 0 1 3.754667-0.426667h37.888a29.098667 29.098667 0 0 0 9.898667 1.194667c4.693333 1.28 9.557333 1.109333 14.250666 2.474667 4.053333 0.469333 8.064 1.28 11.989334 2.389333 8.021333 1.493333 15.872 3.797333 23.424 6.869333a229.546667 229.546667 0 0 1 48.213333 21.589334c5.76 2.474667 10.24 7.253333 15.658667 10.24 3.328 1.664 5.546667 4.394667 8.746666 5.973333 10.026667 7.509333 19.413333 15.872 28.074667 25.002667 2.218667 2.773333 5.333333 4.437333 7.381333 7.338666 3.328 4.266667 7.68 7.466667 10.666667 11.946667 2.133333 3.2 4.949333 5.717333 7.210667 8.832 9.173333 12.373333 17.322667 25.514667 24.32 39.296 4.010667 7.253333 7.594667 14.72 10.666666 22.4 4.096 9.941333 7.594667 20.138667 10.453334 30.506667 5.376 18.688 8.832 37.888 10.24 57.344a296.064 296.064 0 0 1-6.570667 84.096c-1.28 8.618667-4.352 16.810667-9.088 24.021333a34.218667 34.218667 0 0 1-42.069333 11.093333 37.418667 37.418667 0 0 1-20.906667-36.181333c1.024-6.570667 2.474667-13.141333 4.266667-19.541333 0.64-5.76 2.517333-11.392 2.730666-17.152 2.474667-17.493333 2.56-35.242667 0.341334-52.736a211.029333 211.029333 0 0 0-7.424-33.834667c-2.048-5.333333-3.114667-11.093333-5.461334-16.298667-4.096-9.088-8.106667-18.218667-13.013333-26.88-3.669333-5.12-6.186667-11.093333-10.24-15.957333-3.328-3.925333-6.144-8.277333-9.258667-12.373333a208.725333 208.725333 0 0 0-25.216-24.661334 199.637333 199.637333 0 0 0-31.317333-21.888 71.466667 71.466667 0 0 0-13.952-6.4c-6.101333-3.2-12.842667-4.778667-19.114667-7.68-6.613333-2.090667-13.696-3.413333-20.48-5.461333a246.101333 246.101333 0 0 0-28.8-2.56 123.818667 123.818667 0 0 0-25.685333 1.109333 45.738667 45.738667 0 0 1-21.674667-2.517333 29.952 29.952 0 0 1-12.416-8.96c-3.328-1.962667-3.498667-6.314667-5.418666-9.386667a22.528 22.528 0 0 1-3.456-13.312c-0.298667-3.925333 0-7.893333 0.768-11.776a35.157333 35.157333 0 0 1 28.757333-26.112c3.84-1.493333 8.021333 0 11.861333-1.621333z" fill="#FFA21F" p-id="3575"></path><path d="M701.568 217.301333c9.045333-0.768 18.218667 0 27.392-0.341333 3.84 0.042667 7.68 0.64 11.434667 1.664 9.813333 1.621333 19.498667 4.352 28.757333 8.192 9.002667 3.968 17.536 9.002667 25.472 15.018667 5.333333 3.114667 9.898667 7.509333 14.933333 11.093333 7.082667 8.021333 13.653333 16.554667 20.266667 25.002667a147.2 147.2 0 0 1 23.594667 71.253333c0.426667 9.130667 0.256 18.218667-0.512 27.306667a66.645333 66.645333 0 0 1-12.629334 36.352 32.085333 32.085333 0 0 1-26.709333 8.789333 30.634667 30.634667 0 0 1-20.053333-12.501333 34.261333 34.261333 0 0 1-6.016-24.021334c0.938667-5.205333 1.962667-10.24 2.986666-15.616a79.061333 79.061333 0 0 0-33.066666-75.434666 78.208 78.208 0 0 0-30.976-11.904 204.970667 204.970667 0 0 0-22.272 0.256 30.677333 30.677333 0 0 1-21.333334-8.96 43.477333 43.477333 0 0 1-9.173333-16.725334 34.816 34.816 0 0 1 4.565333-24.405333 31.957333 31.957333 0 0 1 23.168-14.933333l0.170667-0.085334z" fill="#FFA21F" p-id="3576"></path><path d="M409.941333 224.170667a85.504 85.504 0 0 1 61.994667 16.426666c12.714667 10.069333 21.76 24.32 25.6 40.362667 2.304 10.709333 2.858667 21.76 1.706667 32.682667-1.621333 11.477333-3.925333 22.826667-6.954667 34.005333-2.56 7.978667-3.968 16.341333-4.138667 24.746667a6.4 6.4 0 0 0 5.802667 5.973333c6.485333-0.298667 12.8-2.133333 18.517333-5.248 14.464-6.826667 28.8-13.952 43.221334-20.864a341.504 341.504 0 0 1 49.109333-17.408 166.058667 166.058667 0 0 1 61.952-5.205333c17.322667 1.877333 33.450667 10.026667 45.525333 23.04 12.629333 15.573333 19.626667 35.2 19.84 55.509333a155.904 155.904 0 0 1-9.6 62.805333 39.893333 39.893333 0 0 0-4.778666 25.941334c2.090667 5.845333 7.210667 9.984 13.226666 10.666666a156.885333 156.885333 0 0 1 68.778667 29.013334c15.146667 11.477333 27.221333 26.752 35.114667 44.373333 10.026667 23.253333 13.098667 49.066667 8.832 74.197333a223.146667 223.146667 0 0 1-38.485334 91.733334 383.36 383.36 0 0 1-118.613333 109.013333 575.701333 575.701333 0 0 1-214.954667 75.050667c-75.605333 11.733333-152.746667 6.698667-226.304-14.72a335.573333 335.573333 0 0 1-120.533333-65.365334 231.552 231.552 0 0 1-71.68-106.709333 268.672 268.672 0 0 1-2.517333-139.093333 482.389333 482.389333 0 0 1 66.858666-152.32A660.053333 660.053333 0 0 1 247.893333 305.322667c22.698667-18.944 46.933333-35.797333 72.533334-50.346667a234.965333 234.965333 0 0 1 89.301333-30.848l0.213333 0.042667z m-12.288 257.152a394.453333 394.453333 0 0 0-153.301333 40.746666 285.44 285.44 0 0 0-74.709333 54.144 175.189333 175.189333 0 0 0-48.853334 90.410667 139.904 139.904 0 0 0 21.077334 100.949333 217.941333 217.941333 0 0 0 91.050666 76.330667 360.064 360.064 0 0 0 140.885334 32.810667 392.234667 392.234667 0 0 0 217.557333-54.869334 244.608 244.608 0 0 0 72.746667-67.626666 153.813333 153.813333 0 0 0 28.672-92.288 144.981333 144.981333 0 0 0-18.901334-65.408 191.146667 191.146667 0 0 0-47.530666-53.461334 294.485333 294.485333 0 0 0-114.005334-52.352 398.805333 398.805333 0 0 0-114.773333-9.344h0.085333z" fill="#D81E06" p-id="3577"></path><path d="M385.237333 560.853333a150.912 150.912 0 0 1 116.010667 39.509334 124.458667 124.458667 0 0 1 30.208 133.888 156.757333 156.757333 0 0 1-76.8 84.394666 167.424 167.424 0 0 1-138.837333 7.125334 137.898667 137.898667 0 0 1-51.456-36.693334 122.794667 122.794667 0 0 1-29.909334-72.789333c-1.322667-23.04 3.413333-46.08 13.738667-66.56a161.792 161.792 0 0 1 85.76-77.226667 172.8 172.8 0 0 1 51.285333-11.648z m32.426667 99.626667a19.541333 19.541333 0 0 0-9.045333 24.917333 18.346667 18.346667 0 0 0 23.637333 10.410667 19.456 19.456 0 0 0 11.008-24.021333 19.626667 19.626667 0 0 0-25.6-11.306667z m-82.346667 19.626667c-11.776 1.664-22.613333 7.466667-30.762666 16.469333-10.410667 11.221333-15.146667 26.88-12.714667 42.24 1.749333 10.922667 7.466667 20.736 15.914667 27.434667 9.728 7.68 21.930667 11.093333 34.048 9.429333a51.626667 51.626667 0 0 0 44.458666-57.130667 44.416 44.416 0 0 0-15.189333-28.245333 45.141333 45.141333 0 0 0-35.712-10.24h-0.042667z" fill="#2C2C2C" p-id="3578"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文、视频发布',
  },
  {
    name: '简书号',
    icon: '<svg t="1736744918899" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12337" width="200" height="200"><path d="M654.791111 38.494815H368.260741c-95.004444 0-142.411852 0-193.611852 16.118518-55.940741 20.48-99.934815 64.474074-120.225185 120.225186-16.308148 51.2-16.308148 98.607407-16.308148 193.611851v286.530371c0 95.004444 0 142.601481 16.118518 193.611852 20.29037 55.751111 64.284444 99.745185 120.035556 120.035555 51.2 16.118519 98.607407 16.118519 193.611851 16.118519h286.530371c95.004444 0 142.411852 0 193.611852-16.118519 55.751111-20.29037 99.745185-64.284444 120.225185-120.035555 16.118519-51.2 16.118519-98.607407 16.118518-193.611852V368.45037c0-95.004444 0-142.411852-16.118518-193.611851-20.29037-55.751111-64.284444-99.745185-120.225185-120.225186-50.820741-16.118519-98.228148-16.118519-193.232593-16.118518z m0 0" fill="#ea6f5a" p-id="12338"></path><path d="M235.52 456.817778h70.731852v370.346666h-70.731852V456.817778z m40.011852-112.450371c17.825185 32.995556 29.202963 65.801481 34.512592 98.797037h77.17926c-10.619259-42.097778-23.893333-74.903704-39.822223-98.797037h-71.869629z m0 0" fill="#FFFFFF" p-id="12339"></path><path d="M427.804444 278.565926h85.143704v-46.648889h-154.358518c1.706667-3.602963 4.361481-10.05037 7.964444-19.152593 1.706667-7.395556 3.602963-12.705185 5.30963-16.497777H292.02963c-12.325926 49.303704-40.77037 85.902222-85.143704 109.795555V352.711111c58.595556-14.601481 100.124444-39.253333 124.965926-73.955555h26.548148c8.912593 23.703704 14.222222 46.648889 15.928889 68.645925h74.524444c-5.12-25.78963-12.325926-48.734815-21.048889-68.835555zM393.102222 426.666667h320.663704v301.70074c1.706667 27.496296-10.619259 40.201481-37.167407 38.305186h-43.994075v54.802963h63.905186c62.008889 1.896296 92.16-26.548148 90.453333-85.143704V371.863704H393.102222V426.666667z m0 0" fill="#FFFFFF" p-id="12340"></path><path d="M643.223704 476.16H382.482963v277.048889h180.906667c56.699259 1.896296 83.437037-25.6 79.834074-82.299259V476.16z m-188.871111 49.303704h117.001481v63.146666h-117.001481v-63.146666z m82.488888 178.251852h-82.488888V635.259259h117.001481v32.995556c1.706667 25.41037-9.671111 37.357037-34.512593 35.460741z m109.037038-474.453334c0-1.896296 0.948148-4.551111 2.654814-8.154074l7.964445-24.651852h-79.834074c-12.515556 51.2-39.822222 89.694815-82.488889 115.294815v43.804445c54.992593-14.601481 96.711111-40.201481 124.965926-76.8h37.167407c8.912593 23.703704 14.222222 46.648889 15.928889 68.645925h71.86963c-1.706667-18.204444-8.912593-41.14963-21.238519-68.645925h93.108148v-49.303704h-170.097777z m0 0" fill="#FFFFFF" p-id="12341"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章发布',
  },
  {
    name: '知乎',
    icon: '<svg t="1736745836132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23225" width="200" height="200"><path d="M656.90624 724.29056l47.42144-33.72544h52.68992V344.89856h-143.31904v346.7264h35.82976z" fill="#0066FF" p-id="23226"></path><path d="M849.92 51.2H174.08c-67.8656 0-122.88 55.0144-122.88 122.88v675.84c0 67.8656 55.0144 122.88 122.88 122.88h675.84c67.8656 0 122.88-55.0144 122.88-122.88V174.08c0-67.8656-55.0144-122.88-122.88-122.88zM495.66208 803.34848l-101.1712-157.05088 44.26752-31.616 67.45088 98.00704c-0.00512 0 23.17824 37.99552-10.5472 90.65984z m38.99392-276.10112v25.2928H408.19712C357.61152 876.06784 204.8 807.04512 204.8 807.04512c140.16512-109.86496 142.7968-254.50496 142.7968-254.50496H208.49152c0-57.9584 52.16256-56.91392 52.16256-56.91392h93.79328v-151.7568h-50.5856C284.89728 429.2352 204.8 425.02144 204.8 425.02144s32.67072-50.5856 54.79936-137.00096c22.12864-86.42048 89.5744-76.928 89.5744-76.928-20.0192 35.82976-29.50656 76.928-29.50656 76.928H485.12c40.04864 0 37.9392 25.2928 37.9392 25.2928v29.51168H411.35616v152.8064H503.04c33.72544 0 31.616 31.616 31.616 31.616zM819.2 747.49952h-102.22592l-88.51968 55.84896-8.42752-55.84896h-64.29184V288.01536H819.2v459.48416z" fill="#0066FF" p-id="23227"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文、视频发布',
  },
  {
    name: '掘金',
    icon: '<svg t="1753018624482" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10432" width="200" height="200"><path d="M465.189 161.792c-22.967 18.14-44.325 35.109-47.397 37.742l-5.851 4.68 10.971 8.632c5.998 4.827 11.85 9.508 13.02 10.532 1.17 1.024 17.993 14.336 37.156 29.696l34.962 27.795 5.267-3.95c2.925-2.194 23.259-18.432 45.348-35.986 21.943-17.555 41.253-32.768 42.716-33.646 1.609-1.024 2.779-2.194 2.779-2.78 0-0.438-9.655-8.63-21.504-17.846-11.995-9.363-22.674-17.847-23.845-18.871-15.945-13.02-49.737-39.059-50.76-39.059-0.586 0.147-19.896 14.922-42.862 33.061z m233.325 180.37C507.465 493.275 508.928 492.105 505.417 489.911c-3.072-1.902-11.556-8.485-64.073-50.03-9.07-7.168-18.578-14.775-21.358-16.823-2.78-2.194-8.777-6.875-13.312-10.532-4.68-3.657-10.679-8.339-13.312-10.533-13.165-10.24-71.095-56.027-102.107-80.457-5.852-4.681-11.41-8.485-12.142-8.485-0.731 0-10.971 7.754-22.674 17.116-11.703 9.508-22.674 18.286-24.284 19.456-1.755 1.17-5.12 3.95-7.46 6.144-2.34 2.34-4.828 4.096-5.413 4.096-3.072 0-0.731 3.072 6.437 8.777 4.096 3.218 8.777 6.875 10.094 8.046 1.316 1.024 10.24 8.045 19.748 15.506s23.26 18.286 30.428 23.99c19.31 15.215 31.89 25.308 127.853 101.084 47.836 37.742 88.796 69.779 90.844 71.095 3.657 2.487 3.95 2.487 7.46-0.292a1041.42 1041.42 0 0 0 16.092-12.727c6.875-5.413 14.775-11.703 17.554-13.897 30.135-23.699 80.018-63.05 81.774-64.512 1.17-1.024 12.434-9.802 24.868-19.603s37.888-29.696 56.32-44.324c18.579-14.629 46.227-36.425 61.733-48.567 15.506-12.142 27.794-22.528 27.502-23.26-0.878-1.17-57.637-47.104-59.978-48.274-0.731-0.439-18.578 12.727-39.497 29.257z" fill="#006CFF" p-id="10433"></path><path d="M57.93 489.326c-15.215 12.288-28.527 23.405-29.697 24.576-2.34 2.194-5.412-0.44 80.018 66.852 33.207 26.185 32.622 25.747 57.637 45.495 10.386 8.192 36.279 28.672 57.783 45.495 38.18 30.135 44.91 35.401 52.663 41.545 2.048 1.756 22.967 18.14 46.372 36.572 23.26 18.432 74.167 58.514 112.933 89.088 38.912 30.573 71.095 55.734 71.826 56.027 0.732 0.293 7.46-4.389 14.921-10.386 21.797-16.97 90.259-70.949 101.523-79.872 5.705-4.535 12.873-10.24 15.945-12.58 3.072-2.488 6.436-5.12 7.314-5.852 0.878-0.878 11.85-9.509 24.283-19.31 20.773-16.091 59.1-46.226 64.366-50.615 1.17-1.024 5.12-4.096 8.777-6.875 3.657-2.78 7.9-6.29 9.509-7.607 1.609-1.317 14.775-11.703 29.257-23.113 29.11-22.82 42.277-33.207 88.503-69.632 17.262-13.605 32.475-25.454 33.646-26.478 2.486-2.048 31.451-24.869 44.617-35.255 4.827-3.657 9.07-7.168 9.508-7.607 0.44-0.585 5.998-4.827 12.435-9.8 6.436-4.828 13.165-10.24 15.067-11.85l3.365-2.926-9.948-7.753c-5.412-4.388-10.24-8.192-10.679-8.63-1.17-1.317-22.381-18.433-30.135-24.284-3.95-3.072-7.314-5.998-7.606-6.73-1.317-3.071-6.73 0.147-29.258 17.994-13.458 10.532-25.746 20.187-27.355 21.504-1.61 1.463-10.533 8.338-19.749 15.652-9.216 7.168-17.115 13.459-17.554 13.898-0.439 0.438-6.583 5.412-13.897 10.971-7.168 5.559-15.214 11.703-17.7 13.75-4.974 4.097-5.413 4.39-20.334 16.239-5.56 4.388-11.264 8.777-12.435 9.8-1.17 1.025-20.333 16.092-42.422 33.354-22.09 17.408-41.546 32.768-43.155 34.084-1.609 1.463-14.482 11.557-28.525 22.528s-40.814 32.037-59.539 46.812c-18.578 14.775-42.276 33.353-52.516 41.399s-23.26 18.285-28.965 22.82l-10.386 8.339-4.389-3.072c-2.34-1.756-4.68-3.511-5.12-3.95-0.439-0.439-4.973-4.096-10.24-8.046-11.849-9.216-14.482-11.264-16.676-13.166-0.878-0.877-4.243-3.51-7.46-5.851-3.22-2.487-6.145-4.681-6.584-5.12-0.439-0.439-6.875-5.705-14.482-11.703-7.607-5.851-14.921-11.556-16.091-12.58-1.317-1.17-17.116-13.605-35.255-27.795-17.993-14.19-35.109-27.648-38.035-29.842-5.705-4.681-33.499-26.624-125.074-98.743-34.523-27.209-72.704-57.344-84.846-66.852-49.737-39.498-55.15-43.594-56.905-43.447-0.877 0-14.043 10.24-29.257 22.528z" fill="#006CFF" p-id="10434"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持文章、图文发布',
  },
  {
    name: 'TikTok',
    icon: '<svg t="1756968472580" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4504" width="200" height="200"><path d="M732.885333 369.621333a399.445333 399.445333 0 0 0 233.642667 75.093334V276.394667c-16.512 0-32.938667-1.706667-49.066667-5.162667v132.437333a399.488 399.488 0 0 1-233.685333-75.050666v343.381333c0 171.776-138.752 310.997333-309.888 310.997333a307.626667 307.626667 0 0 1-172.501333-52.608A308.394667 308.394667 0 0 0 422.954667 1024c171.136 0 309.930667-139.221333 309.930666-311.04V369.664z m60.501334-169.728a234.88 234.88 0 0 1-60.501334-137.301333V40.96h-46.506666a235.562667 235.562667 0 0 0 107.008 158.933333zM309.632 798.634667a141.994667 141.994667 0 0 1-28.928-86.144 141.994667 141.994667 0 0 1 184.746667-135.594667V404.906667a311.509333 311.509333 0 0 0-49.024-2.858667v133.888a141.994667 141.994667 0 0 0-184.746667 135.594667c0 55.552 31.701333 103.68 77.952 127.104z" fill="#FF004F" p-id="4505"></path><path d="M683.776 328.661333a399.530667 399.530667 0 0 0 233.685333 75.050667V271.274667a234.368 234.368 0 0 1-124.074666-71.381334A235.605333 235.605333 0 0 1 686.378667 40.96h-122.154667v672a142.037333 142.037333 0 0 1-141.738667 141.824 141.397333 141.397333 0 0 1-112.853333-56.149333 142.293333 142.293333 0 0 1-77.994667-127.104 141.994667 141.994667 0 0 1 184.746667-135.594667V402.048c-168.106667 3.498667-303.36 141.354667-303.36 310.954667 0 84.650667 33.706667 161.365333 88.362667 217.429333a307.626667 307.626667 0 0 0 172.501333 52.608c171.178667 0 309.888-139.264 309.888-311.04V328.704z" fill="#000000" p-id="4506"></path><path d="M917.461333 271.274667v-35.84a232.96 232.96 0 0 1-124.074666-35.541334 234.112 234.112 0 0 0 124.074666 71.381334zM686.378667 40.96a239.402667 239.402667 0 0 1-2.56-19.328V0h-168.661334v672a141.994667 141.994667 0 0 1-141.738666 141.824 140.757333 140.757333 0 0 1-63.786667-15.189333 141.397333 141.397333 0 0 0 112.853333 56.149333 142.037333 142.037333 0 0 0 141.738667-141.781333V40.96h122.154667zM416.426667 402.048V363.946667a311.808 311.808 0 0 0-42.496-2.901334c-171.178667 0-309.930667 139.221333-309.930667 310.997334a310.997333 310.997333 0 0 0 137.386667 258.389333 310.528 310.528 0 0 1-88.32-217.429333c0-169.557333 135.253333-307.456 303.36-310.954667z" fill="#00F2EA" p-id="4507"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持视频发布',
  },
  {
    name: 'YouTube',
    icon: '<svg t="1757583373531" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4535" width="200" height="200"><path d="M426.666667 682.666667V384l256 149.845333L426.666667 682.666667z m587.093333-355.541334s-10.026667-71.04-40.704-102.357333c-38.954667-41.088-82.602667-41.258667-102.613333-43.648C727.168 170.666667 512.213333 170.666667 512.213333 170.666667h-0.426666s-214.954667 0-358.229334 10.453333c-20.053333 2.389333-63.658667 2.56-102.656 43.648-30.677333 31.317333-40.661333 102.4-40.661333 102.4S0 410.538667 0 493.952v78.293333c0 83.456 10.24 166.912 10.24 166.912s9.984 71.04 40.661333 102.357334c38.997333 41.088 90.154667 39.765333 112.938667 44.074666C245.76 893.568 512 896 512 896s215.168-0.341333 358.442667-10.752c20.053333-2.432 63.658667-2.602667 102.613333-43.690667 30.72-31.317333 40.704-102.4 40.704-102.4s10.24-83.413333 10.24-166.869333v-78.250667c0-83.456-10.24-166.912-10.24-166.912z" fill="#FF0000" p-id="4536"></path></svg>',
    supported: true,
    status: 'active',
    description: '支持视频发布',
  },
];

// 简化的状态指示器函数（现在使用圆点指示器）
function getStatusColor(status: Platform['status']) {
  switch (status) {
    case 'active':
      return 'bg-green-500';
    case 'beta':
      return 'bg-yellow-500';
    default:
      return 'bg-gray-400';
  }
}

export function PlatformsSection({
  title = '全平台覆盖，一键触达全网',
  subtitle = '支持主流社交媒体平台，让您的内容覆盖更广泛的受众群体',
  platforms = defaultPlatforms,
}: PlatformsSectionProps) {
  const supportedPlatforms = platforms;

  return (
    <section className="py-24 bg-gradient-to-b from-muted/20 to-background relative overflow-hidden">
      {/* Subtle background pattern */}
      <div className="absolute inset-0 opacity-[0.02]">
        <div
          className="absolute inset-0"
          style={{
            backgroundImage: `radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0)`,
            backgroundSize: '24px 24px',
          }}
        ></div>
      </div>

      <Container className="relative z-10">
        {/* Section Header */}
        <div className="text-center mb-16">
          <Typography
            variant="h2"
            className="text-3xl sm:text-4xl lg:text-5xl font-bold mb-6"
          >
            {title}
          </Typography>
          <Typography
            variant="lead"
            className="text-lg text-muted-foreground max-w-3xl mx-auto mb-8"
          >
            {subtitle}
          </Typography>

          {/* Stats */}
          <div className="flex justify-center text-center">
            <div className="flex items-center gap-3">
              <div className="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center">
                <CheckCircle className="h-6 w-6 text-primary" />
              </div>
              <div>
                <div className="text-2xl font-bold text-primary">
                  {supportedPlatforms.length}
                </div>
                <div className="text-sm text-muted-foreground">支持平台</div>
              </div>
            </div>
          </div>
        </div>

        {/* Supported Platforms */}
        <div className="mb-16">
          <div className="text-center mb-12">
            <Typography
              variant="h3"
              className="text-xl sm:text-2xl lg:text-3xl font-bold mb-4 bg-gradient-to-r from-foreground to-foreground/80 bg-clip-text text-transparent"
            >
              支持平台
            </Typography>
            <div className="w-16 h-1 bg-gradient-to-r from-primary to-primary/60 mx-auto rounded-full mb-6"></div>
            <Typography
              variant="muted"
              className="text-sm sm:text-base text-muted-foreground max-w-2xl mx-auto leading-relaxed"
            >
              覆盖主流社交媒体平台，让您的内容触达更广泛的受众群体
            </Typography>
          </div>
          {/* 紧凑型网格布局 */}
          <div className="grid grid-cols-4 xs:grid-cols-5 sm:grid-cols-6 md:grid-cols-8 lg:grid-cols-10 xl:grid-cols-12 gap-2 sm:gap-3">
            {supportedPlatforms.map((platform, index) => (
              <Card
                key={index}
                className="group relative overflow-hidden transition-all duration-300 hover:shadow-lg hover:-translate-y-1 active:scale-95 border border-border/50 hover:border-primary/30 touch-manipulation bg-white/50 backdrop-blur-sm animate-fade-in cursor-pointer"
                style={{
                  animationDelay: `${index * 30}ms`,
                  animationFillMode: 'both',
                }}
                tabIndex={0}
                role="button"
                aria-label={`查看 ${platform.name} 平台详情`}
              >
                <CardContent className="p-2 text-center relative">
                  {/* 紧凑图标 */}
                  <div className="relative mb-1.5">
                    <div
                      className="w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 mx-auto rounded-lg bg-white shadow-sm group-hover:shadow-md flex items-center justify-center transition-all duration-200 group-hover:scale-105"
                      dangerouslySetInnerHTML={{ __html: platform.icon }}
                      role="img"
                      aria-label={`${platform.name} 平台图标`}
                    ></div>
                  </div>

                  {/* 紧凑平台名称 */}
                  <Typography
                    variant="small"
                    className="font-medium mb-1 group-hover:text-primary transition-colors duration-200 text-xs leading-tight truncate"
                    title={platform.name}
                  >
                    {platform.name}
                  </Typography>

                  {/* 简化状态指示器 */}
                  <div className="flex items-center justify-center">
                    <span
                      className={`w-2 h-2 rounded-full ${
                        platform.status === 'active'
                          ? 'bg-green-500'
                          : 'bg-yellow-500'
                      }`}
                      title={platform.status === 'active' ? '已支持' : '测试版'}
                    ></span>
                  </div>
                </CardContent>

                {/* 悬停时显示描述 */}
                {platform.description && (
                  <div className="absolute inset-x-0 bottom-0 bg-black/80 text-white text-xs p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 transform translate-y-full group-hover:translate-y-0">
                    {platform.description}
                  </div>
                )}
              </Card>
            ))}

            {/* 其他平台陆续支持中提示 */}
            <Card className="group relative overflow-hidden transition-all duration-300 hover:shadow-lg hover:-translate-y-1 border-2 border-dashed border-primary/30 hover:border-primary/50 bg-gradient-to-br from-primary/5 to-primary/10 backdrop-blur-sm">
              <CardContent className="p-2 text-center relative">
                {/* 加号图标 */}
                <div className="relative mb-1.5">
                  <div className="w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 mx-auto rounded-lg bg-primary/10 flex items-center justify-center transition-all duration-200 group-hover:scale-105">
                    <svg
                      className="w-4 h-4 sm:w-5 sm:h-5 md:w-6 md:h-6 text-primary"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                    >
                      <path
                        strokeLinecap="round"
                        strokeLinejoin="round"
                        strokeWidth={2}
                        d="M12 4v16m8-8H4"
                      />
                    </svg>
                  </div>
                </div>

                {/* 提示文字 */}
                <Typography
                  variant="small"
                  className="font-medium mb-1 text-primary/80 group-hover:text-primary transition-colors duration-200 text-xs leading-tight truncate"
                  title="更多平台"
                >
                  更多平台
                </Typography>

                {/* 状态指示器 */}
                <div className="flex items-center justify-center">
                  <span
                    className="w-2 h-2 rounded-full bg-blue-500 animate-pulse"
                    title="陆续支持中"
                  ></span>
                </div>
              </CardContent>

              {/* 悬停时显示描述 */}
              <div className="absolute inset-x-0 bottom-0 bg-black/80 text-white text-xs p-2 opacity-0 group-hover:opacity-100 transition-opacity duration-200 transform translate-y-full group-hover:translate-y-0">
                更多平台陆续支持中，敬请期待
              </div>
            </Card>
          </div>

          {/* 底部提示信息 */}
          <div className="mt-8 text-center">
            <div className="inline-flex items-center gap-2 px-4 py-2 bg-gradient-to-r from-blue-50 to-indigo-50 border border-blue-200/50 rounded-full">
              <div className="w-2 h-2 bg-blue-500 rounded-full animate-pulse"></div>
              <Typography
                variant="small"
                className="text-blue-700 text-sm font-medium"
              >
                更多平台陆续支持中，敬请期待
              </Typography>
              <svg
                className="w-4 h-4 text-blue-500"
                fill="none"
                stroke="currentColor"
                viewBox="0 0 24 24"
              >
                <path
                  strokeLinecap="round"
                  strokeLinejoin="round"
                  strokeWidth={2}
                  d="M13 7l5 5m0 0l-5 5m5-5H6"
                />
              </svg>
            </div>
          </div>
        </div>
      </Container>
    </section>
  );
}
